<!doctype html>
<html style="height:100%">
<head>
<meta charset="utf-8">
<title>创业周末邀请函</title>
<meta name="description" content=""/>
<meta name="keywords" content="创业周末，程序员，设计师，创业粉丝，市场精英，公司经理，图面设计师"/>
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1.0, maximum-scale=1, user-scalable=no"/>
<link rel="SHORTCUT ICON" href="http://cdn.huodongxing.com/Content/img/favicon.ico">
<style>@-webkit-keyframes jmslip-flash-keyframes						{							0%   {								-webkit-transform: translate3d(2px,-2px,0px);								transform: translate3d(2px,-2px,0px);							}							25%  {								-webkit-transform: translate3d(4px,-4px,0px);								transform: translate3d(4px,-4px,0px);							}							50%  {								-webkit-transform: translate3d(4px,4px,0px);								transform: translate3d(4px,4px,0px);							}							75%  {								-webkit-transform: translate3d(-4px,4px,0px);								transform: translate3d(-4px,4px,0px);							}							100% {								-webkit-transform: translate3d(-4px,-4px,0px);								transform: translate3d(-4px,-4px,0px);							}						}						.jmslip-ani-flash1 {							-webkit-animation: jmslip-flash-keyframes 4s ease-in 0s infinite alternate;							animation: jmslip-flash-keyframes 4s ease-in 0s infinite alternate;						}						.jmslip-ani-flash2 {							-webkit-animation: jmslip-flash-keyframes 6s ease-in 0s infinite alternate;							animation: jmslip-flash-keyframes 6s ease-in 0s infinite alternate;						}						.jmslip-ani-flash3 {							-webkit-animation: jmslip-flash-keyframes 7s ease-in 0s infinite alternate;							animation: jmslip-flash-keyframes 7s ease-in 0s infinite alternate;						}						.jmslip-ani {							-moz-transition: all 1s ease-in;						    -webkit-transition: all 1s ease-in;						    -o-transition: all 1s ease-in;						    -ms-transition: all 1s ease-in;						    transition: all 1s ease-in;						    display: inline-block;						}						.jmslip-ani-delay1{							-webkit-transition-delay: 0.1s;							transition-delay: 0.1s;						}						.jmslip-ani-delay2{							-webkit-transition-delay: 0.2s;							transition-delay: 0.2s;						}						.jmslip-ani-delay3{							-webkit-transition-delay: 0.3s;							transition-delay: 0.3s;						}						.jmslip-ani-delay4{							-webkit-transition-delay: 0.4s;							transition-delay: 0.4s;						}						.jmslip-ani-delay5{							-webkit-transition-delay: 0.5s;							transition-delay: 0.5s;						}						.jmslip-ani-delay6{							-webkit-transition-delay: 0.6s;							transition-delay: 0.6s;						}						.jmslip-ani-delay7{							-webkit-transition-delay: 0.7s;							transition-delay: 0.7s;						}						.jmslip-ani-opacity {							opacity: 0;						}						.jmslip-ani-normal {							-moz-transform: translate3d(0,0,0) scale3d(1,1,1)!important;						    -webkit-transform: translate3d(0,0,0) scale3d(1,1,1)!important;						    -o-transform: translate3d(0,0,0) scale3d(1,1,1)!important;						    -ms-transform: translate3d(0,0,0) scale3d(1,1,1)!important;						    transform: translate3d(0,0,0) scale3d(1,1,1)!important;						    opacity: 1!important;						}						.jmslip-ani-leftin {						    -moz-transform: translateX(-150%);						    -webkit-transform: translateX(-150%);						    -o-transform: translateX(-150%);						    -ms-transform: translateX(-150%);						    transform: translateX(-150%); 						}						.jmslip-ani-rightin {							    -moz-transform: translateX(500px);						    -webkit-transform: translateX(500px);						    -o-transform: translateX(500px);						    -ms-transform: translateX(500px);						    transform: translateX(500px);  						}						.jmslip-ani-topin {							-moz-transform: translateY(-500px);						    -webkit-transform: translateY(-500px);						    -o-transform: translateY(-500px);						    -ms-transform: translateY(-500px);						    transform: translateY(-500px);  						}						.jmslip-ani-bottomin {							-moz-transform: translateY(500px);						    -webkit-transform: translateY(500px);						    -o-transform: translateY(500px);						    -ms-transform: translateY(500px);						    transform: translateY(500px);  						}						.jmslip-ani-scalebig{							-moz-transform: scale3d(0.2,0.2,1);						    -webkit-transform: scale3d(0.2,0.2,1);						    -o-transform: scale3d(0.2,0.2,1);						    -ms-transform: scale3d(0.2,0.2,1);						    transform: scale3d(0.2,0.2,1);						}						.jmslip-ani-scalesmall{							-moz-transform: scale3d(2,2,1);						    -webkit-transform: scale3d(2,2,1);						    -o-transform: scale3d(2,2,1);						    -ms-transform: scale3d(2,2,1);						    transform: scale3d(2,2,1);						}</style>
<link href="css/index.css?201410261836" rel="stylesheet">
<script src="http://mat1.gtimg.com/www/mobi/js/zepto.min.js"></script>
<script src="../../dist/jmslip.js"></script>
</head>
<body style="height:100%;">
<div id="page-container" style="position:absolute;width:100%;height:100%;">
<div id="wrap" style="width:100%;height:100%;">
	<div class="page page-1">
		<b></b>	
		<span class="time"> 2014.11.14-11.16</span>	
		<div class="banner">
			超级创业周末<br />
			邀请函			
		</div>
	</div>
	<!--<div class="page page-2">
		<div class="banner">
			<div class="mark ani left-in js-flash"><span>1</span></div>
			<span class="ani right-in">创业周末是什么</span>
		</div>		
	</div>-->
	<div class="page page-2">
		<div class="jmslip-ani jmslip-ani-opacity jmslip-ani-topin logo">			
		</div>
		<p>
			<strong class="jmslip-ani jmslip-ani-rightin">创业周末</strong>是一个总部在美国西雅图的全球性非盈利组织，我们会定期在各个城市组织程序员，设计师，创业粉丝，市场精英，公司经理，图面设计师等人聚集在一起,提出商业想法，在此基础上组成团队,把这个想法在一个周末里的54个小时中深度开发，做出商业模型，样板，并在周日晚做出展示并参与评比。
		</p>
		<div class="banner"></div>
	</div>

	<div class="page page-3">
		<div class="arc">
			<div class="circle arc1">
				<div class="circle arc2"></div>
			</div>
			<img class="img1 jmslip-ani jmslip-ani-opacity jmslip-ani-leftin jmslip-ani-flash1" src="img/arc1.png" />
			<img class="img2 jmslip-ani jmslip-ani-opacity jmslip-ani-rightin jmslip-ani-flash2" src="img/arc2.png" />
			<img class="img3 jmslip-ani jmslip-ani-opacity jmslip-ani-bottomin jmslip-ani-flash3"src="img/arc3.png" />
		</div>
		<div class="desc">
			<h2 class="jmslip-ani left-in">全球影响力</h2>
			<div class="fon jmslip-ani jmslip-ani-delay1 jmslip-ani-rightin">覆盖超过<span>726</span>个城市</div>
			<div class="fon jmslip-ani jmslip-ani-delay2 jmslip-ani-rightin">举办了<span>1500+</span>场活动</div>
			<div class="fon jmslip-ani jmslip-ani-delay3 jmslip-ani-rightin"><span>123000+</span>个参赛者</div>
			<div class="fon jmslip-ani jmslip-ani-delay4 jmslip-ani-rightin"><span>13000+</span>个项目产生</div>
		</div>
		
	</div>

	<div class="page page-4">
		<div class="title">全球赞助商</div>
		<div class="zz">
			<img data-src="img/google.png" class="jmslip-ani jmslip-ani-leftin jmslip-ani-delay1" />
			<img data-src="img/microsoft.png" class="jmslip-ani jmslip-ani-rightin jmslip-ani-delay1" />
			<img data-src="img/amazon.png" class="jmslip-ani jmslip-ani-leftin jmslip-ani-delay2" />
			<img data-src="img/kauffman.png" class="jmslip-ani jmslip-ani-rightin jmslip-ani-delay2" />
			<img data-src="img/vencorps.png" class="jmslip-ani jmslip-ani-leftin jmslip-ani-delay3" />
			<img data-src="img/response.png" class="jmslip-ani jmslip-ani-rightin jmslip-ani-delay3" />
			<img data-src="img/coca.png" class="jmslip-ani jmslip-ani-leftin jmslip-ani-delay4" />
			<img data-src="img/twilio.png" class="jmslip-ani jmslip-ani-rightin jmslip-ani-delay4" />
			<img data-src="img/elance.png" class="jmslip-ani jmslip-ani-leftin jmslip-ani-delay5" />
		</div>
	</div>

	<div class="page page-5">
		<div class="banner"><h2>典型案例</h2></div>
		<div class="jmslip-ani jmslip-ani-opacity jmslip-ani-leftin pro pro-first ">
			<h3>脸萌</h3>
			<img data-src="img/mt.jpg" class="jmslip-ani-flash2"/>
			<span>来自中国深圳创业周末</span>
		</div>
		<div class="jmslip-ani jmslip-ani-opacity jmslip-ani-rightin pro">
			<h3>EASY TAXI</h3>
			<img data-src="img/easy.jpg" class="jmslip-ani-flash1"/>
			<span>来自巴西创业周末</span>
		</div>
	</div>

	<div class="page page-6">
		<div class="title">邀请函</div>
		<div class="banner">
			<h4><span>★</span>观众：</h4>
			<ul>				
				<li class="jmslip-ani jmslip-ani-rightin jmslip-ani-delay1"><span>√</span>600-1000名中外创业者， IT工程师，设计师</li>
				<li class="jmslip-ani jmslip-ani-rightin jmslip-ani-delay3"><span>√</span>各种GEEK, 媒体</li>
			</ul>
		</div>
		<div class="sp"></div>
		<div class="banner">
			<h4><span>★</span>主办方：</h4>
			<ul>				
				<li class="jmslip-ani jmslip-ani-rightin jmslip-ani-delay4"> Startup Weekend深圳站</li>
				<li class="jmslip-ani jmslip-ani-rightin jmslip-ani-delay5"> 中科院</li>
			</ul>
			<h4><span>★</span>协办方：</h4>
			<ul>				
				<li class="jmslip-ani jmslip-ani-rightin jmslip-ani-delay6">深圳市投资推广署</li>
			</ul>
		</div>
		<div class="address jmslip-ani jmslip-ani-opacity jmslip-ani-bottom-in">
		地点：<br />
比赛全程——腾讯大楼<br />
项目路演——会展中心<br />
<br />
时间：<br />
2014年11月14日-16日<br />

		</div>
	</div>

	<div class="page page-7">
		<div class="banner jmslip-ani jmslip-ani-leftin">
		Mega Startup Weekend<br/>
		超级创业周末<br/>
        在这里<br/>
        </div>
        <div class="circle arc1 jmslip-ani jmslip-ani-scalebig">
        	这里，有最优秀的marketing人才，最睿智的中科院技术导师，最聪慧的程序设计师；当然，还有最酷炫的平面设计师和最重量级的创业导师，以及最深谙财务、法律的智囊团。
        </div>
        <div class="circle arc2 jmslip-ani jmslip-ani-scalebig">
        	这里，我们邀请任何有创业梦想的小伙伴，同时邀请各种身份的观众朋
        </div>
        <div class="circle arc3 jmslip-ani jmslip-ani-scalebig jmslip-ani-flash1">
        	这里，是您寻找合作伙伴，寻找志同道合者的最佳平台。
        </div>
        <div class="circle arc4 jmslip-ani jmslip-ani-scalebig jmslip-ani-flash2">
        	这里，是任何心怀梦想之人不可不来的天堂！
        </div>
        <div class="circle arc5 jmslip-ani jmslip-ani-scalebig jmslip-ani-flash3">
        	这里，有最酷的创业点子。
        </div>
	</div>

	<div class="page page-8">
		<div class="link">
		更多信息&报名通道，请轻击：<br />
		<a href="http://www.huodongxing.com/event/1238707071800">
		我要报名
		</a>
</div>
		<div class="banner">
			THANK YOU
		</div>
	</div>
</div>
</div>

<script>
$(function(){
	
	var slip = new jmSlip('page-container','page',{
		mousewheel:true,
		onPageStart: function(page) {
			console.log(page);
		}, //翻页开始前回调，如果返回false则翻页中止
		onPageEnd: function(srcPage, desPage){
			if(typeof desPage == 'string') desPage = parseInt(desPage, 10);
			if(typeof srcPage == 'string') srcPage = parseInt(srcPage, 10);
			if(srcPage == desPage || srcPage < 0 || desPage < 0) return;//如果没有换页则不用处理动画
			var pages = this.children && this.children.length?this.children:this.instance.containerInner.children;
			var oldpage = $(pages[srcPage]);
			var page = $(pages[desPage]);		
			//加载图片
			var imgs = page.find('img[data-src]');
			for(var i=0;i<imgs.length;i++) {
				var img = $(imgs[i]);
				img.attr('src', img.attr('data-src'));
			}
			//把指定了动画效果的元素归位，这样就形动了动画出现
			$('.jmslip-ani').toggleClass('jmslip-ani-normal',true);
			//先去除动画效果，让元素到动画前位置，再加上动画基类，为了过去的页面改变不出现动画效果。
			if(oldpage.length) {
				var anis = oldpage.find('.jmslip-ani');
				anis.toggleClass('jmslip-ani', false);
				anis.toggleClass('jmslip-ani-normal', false);
				setTimeout(function(){
					anis.toggleClass('jmslip-ani', true);
				},20);
			}
			
			setTimeout(function(){
				var fs = page.find('.jmslip-flash');
				for(var i=0;i<fs.length;i++) {
					var cn = 'jmslip-flash'+((i % 3)+1);
					$(fs[i]).toggleClass(cn, true);
				}
				if(oldpage.length) {
					fs = oldpage.find('.jmslip-flash');
					for(var i=0;i<fs.length;i++) {
						var cn = 'jmslip-flash'+((i % 3)+1);
						$(fs[i]).toggleClass(cn, false);
					}
				}			
			},500);
		} ,//翻页结束回调
		onTouchStart: function(evt){
			console.log(evt);
		}, //滑动开始，返回false中止滑动
		onTouchMove: function(evt, offset){
			evt.preventDefault();
			console.log(evt);
			console.log(offset);//相对于start的位移
		}, //滑动中，返回false中止
		onTouchEnd: function(evt){
			console.log(evt);
		} //滑动结束，返回false中止
	});

/*
	$(window).resize(function(){
		var h = $(window).height();
		//$('.page').height(h);
		//slip.height(h);		
	});*/
});	
</script>
<div style="display:none;"><script type="text/javascript" src="http://tajs.qq.com/stats?sId=45761699" charset="UTF-8"></script>

</div>
</body>
</html>
